<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/publicpack.css">
		<meta name="viewport"
		      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">		
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<!-- 导航容器一般使用nav标签来定义:小屏幕垂直堆叠 -->
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
			         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			     <span class="navbar-toggler-icon"></span>
			 </button><!-- 缩小浏览器屏幕的时候，导航条会隐藏，右边会出来三条横杠，你点击这个导航条就会向下显示出来，默认为白色横杠 -->
			<div id="m_toparea">
		    <div class="m_topwrap clearfix">
				<div class="m_topleft fl">
					<img src="img/logo.jpg" />
				</div>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
				         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				     <span class="navbar-toggler-icon"></span>
				 </button><!-- 缩小浏览器屏幕的时候，导航条会隐藏，右边会出来三条横杠，你点击这个导航条就会向下显示出来，默认为白色横杠 -->
		        <div class="collapse navbar-collapse" id="navbarSupportedContent">
		            <ul class="navbar-nav mr-auto">
		                <li class="nav-item">
		                    <a href="index.html" class="cur" >首页</a>
		                </li>
		                <li class="nav-item">
		                    <a class="goTarget" href="#m_news" data-target="m_news">
		                        最新动态
		                    </a>
		                </li>
		               <li class="nav-item dropdown">
		                   <a class="mwword" href="#" id="navbarDropdown" role="button"
		                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		                       漫威宇宙
		                   </a>
		                   <div class="dropdown-menu" aria-labelledby="navbarDropdown">
		                       <a class="dropdown-item" href="#m_movie">电影</a>
		                       <div class="dropdown-divider"></div>
		                       <a class="dropdown-item" href="#m_animation">动漫</a>
		                   </div>
		               </li>
		            </ul>
		        </div>
		    </div>
			</div>
		</nav>
		<div id="m_bodybj" style="display:block;">
			<div class="m_cbj01" style="height:500px;background:url(img/b17.jpg) 0 0 no-repeat;">
			</div>
		</div>
		<div id="m_rw" style="background:#0000;">
			<div class="m_rwwrap">
				<div class="m_rwbj">
					<img src="img/p17.jpg" width="1000" height="500" alt="人物"  title="人物"/>
				</div>
				<div class="m_lrw">
					<span class="m_ltu">
						<img src="img/lp17.png" />
					</span>
				</div>
			</div>
		</div>
		<div id="m_rwwz">
			<div class="m_wzlist">
				<h2>黑豹</h2>
				<h4>BLACK PANTHER</h4>
				<p class="m_jsjs">
            	
				</p>
				<ul>
					<li>
						<i>真实姓名：</i>
						<p>提恰拉（T'Challa）</p>
					</li>
					<li><i>身　　高：</i>
						<p>6英尺</p>
					</li>
					<li><i>重　　量：</i>
						<p>200 英镑</p>
					</li>
					<li><i>技　　能：</i>
						<p>通过食用一种心形药草，提恰拉的感知能力和体能都被提升至超常等级。</p>
					</li>
					<li><i>能　　力：</i>
						<p>提恰拉是一位优秀的战术家、战略家、科学家、追踪者，精通各种徒手搏击术，将杂技和对动物的模仿融进了自己的格斗技巧中。
						作为一个战士民族的皇室后裔，提恰拉对徒手格斗尤其精通，虽然熟悉各类武器的使用，但他还是喜欢徒手格斗。他也是个谋划大师，
						做事考虑周到，愿意不择手段以求达到目的、保护瓦坎达王国</p>
					</li>
					<li><i>隶属团队：</i>
						<p>曾隶属于神奇四侠、秘密复仇者、复仇者联盟、女王复仇使，曾经是神奇战队的赞助人</p>
					</li>
					<li><i>首次登场：</i>
						<p>《神奇四侠第一卷》（Fantastic Four Vol. 1）第52期（1966）</p>
					</li>
				
				</ul>
			</div>
		</div>
		<div id="m_footer">
			<p style="margin-bottom:10px;">漫威网站</p>
			<p>本项目纯测试学习使用：jshs-阮hq</p>
		</div>
	</body>
</html>
